<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="./css/Common.css">
    <link rel="stylesheet" href="./css/member.css">
</head>
<body>

<!--公共头部开始-->

<div id="top">

    <div class="top1">

        <span class="login"><a href="">登录</a></span>
        <span class="reg"><a href="">注册</a></span>
        <span class="myorder"><a href="">我的订单</a></span>

        <p>欢迎来到360商城</p>

    </div>


</div>


<!--搜索栏区域-->

<div id="search">

    <div class="search1">

        <!--logo图片-->

        <div class="logo">

            <a href="#" target="_blank">
                <img src="./images/logo.png" alt=""/>
            </a>

        </div>

        <!--输入框-->

        <div class="searchright">

            <form action="">

                <input type="text" class="text" placeholder="360智能摄像机"/>
                <input type="submit" value=""	 class="smt"/>
            </form>

            <!--购物车-->

            <div class="box">

                <div class="shopcar">
                    <a href="" target="_blank">购物车(0)</a>


                </div>

                <div class="hidden">

                    <span>请</span> <a href="">登录</a> <span>后查看您的购物车</span>

                </div>

            </div>

        </div>


    </div>


</div>



<!--顶部导航条-->


<div id="nav">

    <div class="mid">

        <!--左边区域-->

        <div class="left">

            <a href="" target="_blank">全部智能酷品</a>

        </div>

        <div class="right">
            <ul>

                <li>
                    <a href="" target="_blank">手机</a>
                </li>
                <li>
                    <a href="" target="_blank">行车记录仪</a>
                </li>
                <li>
                    <a href="" target="_blank">儿童手表</a>
                </li>
                <li>
                    <a href="" target="_blank">摄像机</a>
                </li>
                <li>
                    <a href="" target="_blank">路由器</a>
                </li>
                <li>
                    <a href="" target="_blank">儿童机器人</a>
                </li>
            </ul>


        </div>


    </div>



</div>

<!--公共头部结束-->




<!--个人中心开始-->


<div id="member">

    <!--中间区域-->
    <div class="box">

        <!--左边操作区域-->
        <div class="left">
            <h3>个人中心</h3>

            <ul>

                <a href=""><li> 我的订单</li></a>
                <a href=""><li>我的喜欢 </li></a>
                <a href=""><li> 送货地址</li></a>

            </ul>


        </div>

        <!--右边显示区域-->
        <div class="right">
            <div class="tp">
                <h4>我的订单</h4>

                <ul>
                    <li>全部订单</li>
                    <li>待付款</li>
                    <li>待发货</li>
                    <li>已发货</li>
                    <li>已完成</li>
                    <li>已关闭</li>
                </ul>


            </div>

            <div class="md">
                <span class="s1">订单信息</span><span class="s2">订单金额</span><span class="s3">订单状态</span><span class="s4">操作</span>

            </div>

            <!--遍历开始-->

            <div class="bottom">

                <div>
                    <!--<div class="up">-->
                        <!--<span class="s1"> 订单编号：1622205501201000002</span>-->
                        <!--<span class="s2">提交时间：2016-08-09 09:10:02</span>-->

                    <!--</div>  -->

                    <div class="down">

                        <div class="up">
                            <span class="s1"> 订单编号：1622205501201000002</span>
                            <span class="s2">提交时间：2016-08-09 09:10:02</span>

                        </div>


                        <div class="xx">

                            <img src="./images/c001.jpg" alt="">
                            <spn><a href="">360手机f4标准版移动4G魔力白</a></spn>
                            <spn>￥599</spn>
                            <span>x1</span>



                        </div>
                        <div class="money">

                            <span>
                                ￥599.000
                            </span>

                        </div>
                        <div class="zt">

                            <span>等待付款</span>

                        </div>
                        <div class="cz">
                            <p class="time">1时33分26秒</p>
                            <p>    前完成付款</p>
                            <a href="">去付款</a>

                            <a href="" class="qx">取消订单</a>


                        </div>



                        <div class="up">
                            <span class="s1"> 订单编号：1622205501201000002</span>
                            <span class="s2">提交时间：2016-08-09 09:10:02</span>

                        </div>


                        <div class="xx">

                            <img src="./images/c001.jpg" alt="">
                            <spn><a href="">360手机f4标准版移动4G魔力白</a></spn>
                            <spn>￥599</spn>
                            <span>x1</span>


                        </div>
                        <div class="money">

                            <span>
                                ￥599.000
                            </span>

                        </div>
                        <div class="zt">

                            <span>等待付款</span>

                        </div>
                        <div class="cz">
                            <p class="time">1时33分26秒</p>
                            <p>    前完成付款</p>
                            <a href="">去付款</a>

                            <a href="" class="qx">取消订单</a>


                        </div>

                        <div class="xx">

                            <img src="./images/c001.jpg" alt="">
                            <spn><a href="">360手机f4标准版移动4G魔力白</a></spn>
                            <spn>￥599</spn>
                            <span>x1</span>

                            <img src="./images/c001.jpg" alt="">
                            <spn><a href="">360手机f4标准版移动4G魔力白</a></spn>
                            <spn>￥599</spn>
                            <span>x1</span>

                            <img src="./images/c001.jpg" alt="">
                            <spn><a href="">360手机f4标准版移动4G魔力白</a></spn>
                            <spn>￥599</spn>
                            <span>x1</span>


                        </div>
                        <div class="money">

                            <span>
                                ￥599.000
                            </span>

                               <span>
                                ￥599.000
                            </span>

                               <span>
                                ￥599.000
                            </span>

                        </div>
                        <div class="zt">

                            <p>等待付款</p>

                        </div>
                        <div class="cz">
                            <p class="time">1时33分26秒</p>
                            <p>    前完成付款</p>
                            <a href="">去付款</a>

                            <a href="" class="qx">取消订单</a>



                        </div>















                        




                    </div>
                </div>


            </div>



        </div>


    </div>


</div>






<!--个人中心结束-->






<!--公共底部开始-->

<div id="footer">

    <div class="ft">

        <p>360商城©2013-2016 360公司版权所有 京ICP备08010314号-43 京公网安备11000002000006号
            奇酷互联网络科技（深圳）有限公司 0755-61898999 深圳市南山区学苑大道1001号南山智园A2栋</p>

    </div>



</div>







<!--公共底部结束-->

</body>
</html>

